<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
</head>
<style type="text/css">
    #first{
        direction: ltr;
    }

    #second{
        direction: rtl;
    }
</style>

<body>
    <p id="first">
        This is left-to-right text
    </p>
    <p id="second">
        This is right-to-left text
    </p>

</body>

</html>